<template>
  <div class="dashboard-container">
    <div style="display:flex; width:100%;">
    <el-card class="box-card" style="background: #67C23A;">参与分析</el-card>
    <el-card class="box-card" style="background: #E6A23C;">用户在线时长</el-card>
    <el-card class="box-card" style="background: #F56C6C;">练习题数</el-card>
    <el-card class="box-card" style="background: #909399;">指标的汇总值</el-card>
    <el-card class="box-card" style="background: #409EFF;">平均值</el-card>
    </div>
  </div>
</template>

<script>


export default {
  data(){
    return {
      
    }
  },
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard {
  &-container {
    margin: 15px;
  }
  // &-text {
  //   font-size: 30px;
  //   line-height: 46px;
  // }
}
.box-card {
  width: 19%;
  height: 120px;
  margin: 0 0.5% 0 0.5%;
}
</style>
